$green: #1abc9c;
$red: #ff7373;
.login {
  width:100%;
  height:100%;
  .centerbox {
		width: 100%;
		background-color: #c4eaf5;
		.innerbox {
			display: flex;
			justify-content: flex-end;
			background: url('../../images/cup.png') no-repeat;
			background-size: contain;
			padding: 30px 10px;
			.loginbox {
				width: 370px;
				padding: 35px;
				background-color: #fff;
				.title {
					text-align: center;
					font-size: 20px;
					color:#666;
					margin-bottom: 30px;
				}
				.inputbox {
					width: 300px;
					height: 50px;
					position: relative;
					margin-bottom: 25px;
					input {
						width:100%;
						height: 100%;
						padding-left: 52px;
						border: 1px solid #eee;
						font-size: 18px;
						color:#999;
						&::-webkit-input-placeholder { /* WebKit browsers */
							color:#999;
						}
						&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
							color:#999;
						}
						&::-moz-placeholder { /* Mozilla Firefox 19+ */
							color:#999;
						}
						&:-ms-input-placeholder { /* Internet Explorer 10+ */
							color: #999;
						}
					}
					img {
						width: 22px;
						height: 22px;
						position: absolute;
						left: 16px;
						top: 14px;
						z-index: 99;
					}
				}
				.but {
					width: 300px;
					height: 50px;
					background-color: $green;
					color: #fff;
					font-size: 18px;
					border: 0px;
					margin-bottom: 15px;
				}
				.forgetpass {
					font-size: 16px;
					color: #333;
					margin-bottom: 38px;
					span {
						&:last-child {
							color: $green;
						}
					}
				}
				.otherlogin {
					font-size: 18px;
					color: #ccc;
					margin-bottom: 28px;
					.line {
						flex: 1;
						height: 1px;
						background-color: #ccc;
					}
					.text {
						margin-left: 10px;
						margin-right: 10px;
					}
				}
				.logintype {
					font-size: 16px;
					color: #aaa;
					div {
						cursor: pointer;
						.wechat {
						width:43px;
						height: 35px;
						margin-bottom: 5px;
						}
						.weibo {
							width:42px;
							height: 33px;
							margin-bottom: 5px;
						}
						.qq {
							width:31px;
							height: 35px;
							margin-bottom: 5px;
						}
						div {
							text-align: center;
						}
					}
				}
			}
		}
  }
}